<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Register</title>
    <link rel="stylesheet" href="/static/css/app.8eeeaf31.css">
    <link rel="stylesheet" href="/static/css/register.css">
    <link rel="stylesheet" href="/static/css/styles.css">
</head>
<body>
<!--杨士涵： 注册页面-->
<div class="container">
    <h1>注册</h1>
    <form id="registerForm" action="/register" method="post">
        <label for="username">用户名:</label>
        <input type="text" id="username" name="username" required>
        <br>
        <label for="password">密码:</label>
        <input type="password" id="password" name="password" required>
        <br>
        <button type="submit">确定</button>
    </form>
    <p>已有账户？ <a href="/login">在此登录</a>。</p>
</div>

<!-- 自定义弹窗结构 -->
<div id="myModal" class="modal">
    <div class="modal-content">
        <div class="modal-header">
            <span class="close">&times;</span>
            <h2>错误</h2>
        </div>
        <div class="modal-body">
            <p id="modalMessage"></p>
        </div>
        <div class="modal-footer">
            <button class="btn close">关闭</button>
        </div>
    </div>
</div>
<script src="/static/js/register.js"></script>
</body>
</html>
